#main {
    width: auto;
    height: auto;
    float: left;
    border: solid;
    margin: 5px;
}

#main_filter_options {
    width: auto;
    height: auto;
    margin: 5px;
    padding: 10px;
}

#main_graph {
    background-color: rgba(39, 40, 34, 0.05);
    border: solid;
    margin: 10px;
}



#details {
    width: auto;
    height: auto;
    float: left;
    border: solid;
    margin: 5px;
}

#detail_filter_options {
    height: auto;
    margin: 5px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;
}

#detail_info {
    height: 285px;
    border: solid;
    margin: 10px;
    padding: 25px;
    overflow-y: scroll;
}

#sub_graph {
    height: auto;
    margin: 20px;
    text-align: center;
}

#sub_graph_layout {
    background-color: rgba(39, 40, 34, 0.05);
    width: auto;
    height: auto;
    border: solid;
    margin: 10px;
}

#tsne_layout_node {
    background-color: rgba(39, 40, 34, 0.05);
    width: auto;
    height: auto;
    border: solid;
    margin: 10px;
}

#tsne_layout_edge {
    background-color: rgba(39, 40, 34, 0.05);
    width: auto;
    height: auto;
    border: solid;
    margin: 10px;
}


#charts {
    background-color: rgba(39, 40, 34, 0.05);
    border: solid;
    margin: 20px;
}

.custom-row {
    background-color: #f0f0f0;
}

.highlight-row {
    background-color: yellow;
}

#relationTable tbody tr:hover {
    background-color: #f5f5f5;
    /* 设置鼠标悬停时的背景色 */
    cursor: pointer;
    /* 设置鼠标悬停时的光标样式 */
}

table {
    text-align: center;
    /* 设置表格中所有内容居中对齐 */
}

th,
td {
    text-align: center;
    /* 设置表格中表头和单元格内容居中对齐 */
}